<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>百度热榜</title>
		<style type="text/css">
			#nav{
				margin: 0 auto;
				margin-left: 500px;
				font-size: 16px;
				padding-left: 20px;
			}
			ul{
				list-style: none;
				
			}
			#nav a {
				text-decoration: none;
				
			}
			span{
				padding-left: 30px;
			}
		</style>
	</head>
	<body>
		<div id="nav">
			<h2>百度热榜</h2>
			<span><button type="button" id="but">换一换</button></span>
			
			<ul>
				<li><a href="#">热榜一</a><span>473000</span></li>
				<li><a href="#">热榜二</a><span>373000</span></li>
				<li><a href="#">热榜三</a><span>273000</span></li>
				<li><a href="#">热榜四</a><span>173000</span></li>
				<li><a href="#">热榜五</a><span>73000</span></li>
				<li><a href="#">热榜六</a><span>63000</span></li>
				<li><a href="#">热榜七</a><span>8000</span></li>
			</ul>
		</div>
		<script type="text/javascript">
			
		</script>
	</body>
</html>
